
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>ToDoList—最简单的待办事项列表</title>
        <link rel="stylesheet" href="./css/todolist.css">
        <script src="./js/jquery-1.12.4.js"></script>
        <script src="./js/todolist.js"></script>
    </head>
    <body>
        <header>
            <section>                
                <label for="title">ToDoList</label>
                <input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off" />
            </section>
        </header>
        <section>
            <h2>正在进行 <span id="todocount"></span></h2>
            <ol id="todolist" class="demo-box">
                <!-- <li><input type="checkbox"><p>123</p><a href="javascript:;"></a></li> -->
            </ol>
            <h2>已经完成 <span id="donecount"></span></h2>
            <ul id="donelist">
                <!-- <li><input type="checkbox"><p>abcd</p><a href="javascript:;"></a></li> -->
            </ul>
        </section>
        <footer>
            Copyright &copy; 计172&nbsp;蔡磊&nbsp;17105290224 
            <a href="javascript:;" id="clear">clear</a>
        </footer>         
    </body>
</html>